// 导入 react 基础库，React 的核心模块
import React from 'react';
// ReactDOM 关于 React 处理 DOM 用的  D document  Oobject  Mmodel
import ReactDOM from 'react-dom/client';


const root = ReactDOM.createRoot(
  // 获取 id 为 root 的标签
  document.getElementById('root') as HTMLElement
);


// 元素组件
// const app = <h1>你好 React</h1>
// 将组件写成函数的目的其实是让所有的组件都有一个自己的独立作用域
//
const App = () => {
  // return 后面的内容叫做 jsx, JavaScriptXML
  return <>
    <h1>你好 React1</h1>
    <h2>你好 React2</h2>
  </>
}


// 入口的根元素渲染 app 组件
root.render(
  <App />
);
